.ShopInfo {
    width: 100%;
    height: 100%;
    background-color: $probgcolor;
    position: relative;
    padding-top: rpx(2);
    overflow: hidden;
    //店铺顶部
    .shopinfo_top {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 1;
        .shopinfo_name {
            width: 100%;
            height: rpx(65);
            background-color: white;
            display: flex;
            flex-direction: row;
            align-items: center;

            .shopLogo {
                width: rpx(32);
                height: rpx(32);
                display: inline-block;
                margin-left: rpx(24);
                margin-right: rpx(16);
            }

            .shopName {
                font-size: rpx(32);
                font-family: PingFang-SC-Regular;
                font-weight: 400;
                color: rgba(51, 51, 51, 1);
            }
        }

        .shopSerarchArea {
            background-color: #F2F2F2;
            padding: rpx(15) rpx(48);

            .searchContainer {
                width: rpx(594);
                height: rpx(68);
                padding: 0 rpx(30);
                background: rgba(255, 255, 255, 1);
                border-radius: 34px;
                display: flex;
                flex-direction: row;
                align-items: center;

                .searchInput {
                    flex: 1;
                    font-size: rpx(24);
                    font-family: PingFang-SC-Regular;
                    font-weight: 400;
                    color: rgba(133, 134, 133, 1);
                    display: inline-block;
                    margin-right: rpx(24);
                }

                .searchIcon {
                    width: rpx(24);
                    height: rpx(24);
                }
            }
        }
    }
    //店铺商品区域
    .shopGoodsArea {
        width: 100%;
        display: flex;
        flex-direction: row;
        background-color: brown;
        margin-top: rpx(161);
        background-color: $probgcolor;
        .classification {
            width: rpx(172);
            background-color: $probgcolor;
            display: flex;
            flex-direction: column;
            .scroll-view_H {
                white-space: nowrap;
            }
            .classificationList {
                width: 100%;
                height: rpx(88);
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                border-bottom: 1px solid rgba(238, 238, 238, 1);
                background-color: #EEEEEE;
                &.activeClass{
                    background-color: white;
                    border-left: 2px solid #FF4C4C;
                    span{
                        color: #FF4C4C;
                    }

                }
                span {
                    font-size: rpx(28);
                    font-family: PingFang-SC-Regular;
                    font-weight: 400;
                    color: rgba(153, 153, 153, 1);
                }
            }
        }

        .goodsContainer {
            flex: 1;
            background-color: white;
            padding-left: rpx(25);
            .filterArea{
                width: 100%;
                height: rpx(79);
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-around;
                border-bottom: 1px solid rgba(239,239,239,1);
                .filterLabel{
                    font-size:rpx(24);
                    font-family:PingFang-SC-Regular;
                    font-weight:400;
                    color:rgba(51,51,51,1);
                    &.activeFilter{
                        color: #FF4C4C;
                    }
                }
            }
            .filterGoodsArea{
                padding-right: rpx(24);
                padding-top: rpx(24);
                padding-bottom: rpx(24);
                display: flex;
                flex-direction: row;
                border-bottom: 1px solid rgba(239,239,239,1);
                align-items: center;
                &:last-child{
                    border: none;
                }
                .goodsIcon{
                    width: rpx(128);
                    height: rpx(128);
                }
                .goodsInfoArea{
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                    margin-left: rpx(24);
                    position: relative;
                    .goodsNameArea{
                        margin-bottom: rpx(21);
                        .cuxiaoIcon{
                            width:rpx(53);
                            height:rpx(31);
                            background:rgba(255,109,111,1);
                            border-radius:4px;
                            font-size:rpx(20);
                            font-family:SourceHanSansCN-Regular;
                            font-weight:400;
                            color:rgba(255,255,255,1);
                            display: inline-block;
                            margin-right: rpx(9);
                            text-align: center;
                        }
                        .goodsName{
                            font-size:rpx(26);
                            font-family:PingFang-SC-Medium;
                            font-weight:500;
                            color:rgba(102,102,102,1);
                            display: inline-block;
                            margin-right: rpx(20);
                        }
                        .goodsspecification{
                            font-size:rpx(26);
                            font-family:PingFang-SC-Medium;
                            font-weight:500;
                            color:rgba(102,102,102,1);
                        }
                    }
                    .marketPrice{
                        font-size:rpx(24);
                        font-family:PingFang-SC-Regular;
                        font-weight:400;
                        color:rgba(139,139,139,1);
                    }
                    .price{
                        font-size:rpx(30);
                        font-family:PingFang-SC-Regular;
                        font-weight:400;
                        color:rgba(253,60,62,1);
                        display: inline-block;
                        margin-top: rpx(24);
                    }
                    .numChangeArea{
                        position: absolute;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        right: rpx(24);
                        bottom: rpx(13);
                        .lessIcon{
                            width: rpx(42);
                            height: rpx(42);
                        }
                        .changeNumber{
                            font-size:rpx(24);
                            font-family:PingFang-SC-Regular;
                            font-weight:400;
                            color:rgba(53,53,53,1);
                            display: inline-block;
                            margin-left: rpx(24);
                            margin-right: rpx(24);
                        }
                    }
                }
            }
        }
    }

    //店铺底部
    .settleaccounts {
        width: 100%;
        height: rpx(98);
        background-color: white;
        position: fixed;
        bottom: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;

        .settleleft {
            display: flex;
            flex-direction: row;
            align-items: center;

            .shopCarArea {
                display: flex;
                flex-direction: row;
                align-items: center;
                position: relative;
                margin-left: rpx(57);
                margin-right: rpx(24);

                .shopCarIcon {
                    width: rpx(65);
                    height: rpx(57);
                }

                .shopcarNumber {
                    min-width: rpx(26);
                    min-height: rpx(26);
                    background-color: #FEAE03;
                    border-radius: 50%;
                    position: absolute;
                    font-size: rpx(20);
                    font-family: PingFang-SC-Regular;
                    font-weight: 400;
                    color: rgba(255, 255, 255, 1);
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    top: rpx(-5);
                    right: rpx(-6);
                }
            }

            .buyMoney {
                font-size: rpx(32);
                font-family: PingFang-SC-Medium;
                font-weight: 500;
                color: rgba(102, 102, 102, 1);
            }
        }

        .settleright {
            width: rpx(336);
            height: rpx(69);
            background: linear-gradient(90deg, rgba(254, 92, 92, 1), rgba(255, 66, 66, 1));
            border-radius: 34px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            margin-right: rpx(24);

            span {
                font-size: rpx(28);
                font-family: PingFang-SC-Regular;
                font-weight: 400;
                color: rgba(255, 255, 255, 1);
            }
        }
    }
}
